<!DOCTYPE html>
<html lang="en">
<head>
    {% load staticfiles %}
    <meta charset="UTF-8">
    <title>自动化测试平台</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/home.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'plugins/bootstrap/css/bootstrap.css' %}">
    {% block style %}
    {% endblock style %}
</head>
<body>
<div id="main-box" style="width: 100%;height: 100%;margin: 0 0">
    <div id="tittle">
        <p style="font-size: 20px">自动化测试平台</p>
        <div class="username">您好:{{ username }}&nbsp;&nbsp;<a href="{% url 'login_out' %}" style="color: white">退出</a>
        </div>
        {#    <div class="exit"></div>#}
    </div>
    <div id="menu">
        {% block menu %}
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation" class="active"><a href="{% url 'home' %}">首页</a></li>
                <li role="presentation"><a href="{% url 'interfaceTest' %}">接口测试</a></li>
                <li role="presentation"><a href="#">报告</a></li>
                <li role="presentation"><a href="#">系统管理</a></li>
            </ul>
        {% endblock menu %}
    </div>
    <div id="contents">
        {#定义要变的内容#}
        {% block contents %}
            <h1>Welcome Auto Test Platform</h1>
        {% endblock %}
    </div>
</div>

{#js部分#}
<script type="text/javascript" src="{% static 'js/jquery-3.4.1.js' %}"></script>
<script src="{% static 'js/base.js' %}"></script>
{% block script %}
    <script>
        {#子页面自定制部分#}
    </script>
{% endblock script %}
</body>
</html>
